@keyframes xcanvas-appear
  from
    transform s('translateX(%s)', $gap * 6 + $font_size)
  to
    transform translateX(0)

.p-xcanvas
  overflow hidden
  position fixed
  right $gap * 2
  bottom $gap * 5 + $font_size * 4.4
  margin $gap
  user-select none
  animation xcanvas-appear 0.6s ease
  text-align center
  cursor pointer
  border-radius $gap * 0.5
  background var(--color-background)
  transition box-shadow 0.2s
  &:hover
    box-shadow 0 0 $gap * 0.5 var(--color-goingto-shadow)
  &:active
    box-shadow inset 0 0 $gap * 0.25 1px var(--color-goingto-shadow)
  @media (max-width: $app_mobile_width)
    display none
  i:nth-child(2)
    display none
  i
    width 2em
    line-height 2
  &.active
    i:nth-child(1)
      display none
    i:nth-child(2)
      display inline-block
